import { useState } from 'react'
import {Swiper, SwiperSlide} from 'swiper/react'
import './App.css'
import 'swiper/css'

function App() {
  const [count, setCount] = useState(0)

  return (
    <div className="App">
      <Swiper
        spaceBetween={500}
        slidesPerView={1}
        onSlideChange={() => console.log('slide change')}
        onSwiper={(swiper) => console.log('999---------------', swiper)}
      >
        <SwiperSlide className='slide'>Slide 1</SwiperSlide>
        <SwiperSlide className='slide'>Slide 2</SwiperSlide>
        <SwiperSlide className='slide'>Slide 3</SwiperSlide>
        <SwiperSlide className='slide'>Slide 4</SwiperSlide>
      </Swiper>
    </div>
  )
}

export default App
